<?php /*a:1:{s:64:"D:\phpweb\client-manage\application\admin\view\client\index.html";i:1744037541;}*/ ?>
<!DOCTYPE html>

<html>



<head>

	<meta charset="utf-8">

	<title></title>
	<meta name="renderer" content="webkit">

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

	<link rel="stylesheet" href="/public/static/layuiadmin/layui/css/layui.css" media="all">

	<link rel="stylesheet" href="/public/static/layuiadmin/style/admin.css" media="all">

	<style>
		.laytable-cell-1-0-9 {
			overflow: visible !important;
		}
	</style>

</head>



<body>

	<div class="layui-fluid">
		<div class="layui-row layui-col-space15">

			<div class="layui-col-md12">

				<div class="layui-card">

					<div class="layui-card-body">

						<form class="layui-form layui-form-pane" action="">
							<div class="layui-form-item">
								<div class="layui-inline">
									<div class="layui-input-inline">
										<select name="industry_id" id="industry_id" lay-filter="industry_id"
											lay-search="">
											<option value="">業界</option>
											<?php if(is_array($industry) || $industry instanceof \think\Collection || $industry instanceof \think\Paginator): $i = 0; $__LIST__ = $industry;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$v): $mod = ($i % 2 );++$i;?>
											<option value="<?php echo htmlentities($v['id']); ?>"><?php echo htmlentities($v['title']); ?></option>
											<?php endforeach; endif; else: echo "" ;endif; ?>
										</select>
									</div>
									<div class="layui-input-inline">
										<select name="class_id" id="class_id" lay-search="">
											<option value="">分類</option>
										</select>
									</div>
									<div class="layui-input-inline">
										<select name="sale_state" id="sale_state" lay-search="">
											<option value="">状態</option>
											<option value="1">签约中</option>
											<option value="2">検討中</option>
											<option value="3">連絡済</option>
											<option value="4">未連絡</option>
										</select>
									</div>
									<div class="layui-input-inline">
										<input type="text" name="search" placeholder="キーワードです" autocomplete="off"
											class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<button type="submit" class="layui-btn layui-btn-primary" lay-submit
										lay-filter="data-search-btn"><i class="layui-icon"></i> 捜索します</button>
								</div>
							</div>
						</form>

						<table class="layui-hide" id="test-table-reload" lay-filter="role"></table>

					</div>
				</div>

			</div>

		</div>

	</div>

	<script type="text/html" id="toolbar">

		<a class="layui-btn layui-btn-sm layui-btn-warm layuiadmin-btn-list" data-type="import"><i class="layui-icon">&#xe681;</i>導入</a>

		<a class="layui-btn layui-btn-sm layuiadmin-btn-list" data-type="add"><i class="layui-icon">&#xe608;</i>項目追加</a>

		<a class="layui-btn layui-btn-danger layui-btn-sm  layuiadmin-btn-list" data-type="batchdel"><i class="layui-icon">&#xe640;</i>削除</a>

	</script>

	<script type="text/html" id="operateTpl">

		<a class="layui-btn layui-btn-sm" lay-event="edit">編集</a>

		<a class="layui-btn layui-btn-warm layui-btn-sm" lay-event="order">註文</a>

		<a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="del">削除</a>

	</script>

	<script type="text/html" lay-ignore id="stateTpl">
		<select name="sale_state" lay-filter="sale_state" lay-append-to="body">
			<option value="1" {{= 1 === d.sale_state ? 'selected' : '' }}>签约中</option>
			<option value="2" {{= 2 === d.sale_state ? 'selected' : '' }}>検討中</option>
			<option value="3" {{= 3 === d.sale_state ? 'selected' : '' }}>連絡済</option>
			<option value="4" {{= 4 === d.sale_state ? 'selected' : '' }}>未連絡</option>
		</select>
	</script>

	<script src="/public/static/layuiadmin/layui/layui.js"></script>

	<script>

		layui.config({

			base: '/public/static/layuiadmin/' // 静态资源所在路径

		}).extend({

			index: 'lib/index', // 主入口模块

			api: 'api'

		}).use(['index', 'table', 'api', 'form', 'laydate', 'laypage', 'layer'], function () {

			var $ = layui.jquery;

			var table = layui.table;

			var layer = layui.layer;

			var laydate = layui.laydate;

			var laypage = layui.laypage;

			var api = layui.api;

			var form = layui.form;

			var industry_id = '';



			var _table = {

				reloads: function () {

					renderTable();

				}

			}

			window.tables = _table;

			var renderTable = function () {

				// 执行一个 table 实例

				table.render({

					elem: '#test-table-reload',

					url: '<?php echo url("getList"); ?>?module_id=<?php echo htmlentities($module_id); ?>', // 数据接口

					title: '分類表',

					page: true, // 开启分页

					toolbar: '#toolbar', // 开启工具栏，此处显示默认图标，可以自定义模板，详见文档

					css: [ // 设置单元格样式
						// 取消默认的溢出隐藏，并设置适当高度
						'.layui-table-cell{height: 50px; line-height: 40px;}',
						'.layui-table-cell .layui-colorpicker{width: 38px; height: 38px;}',
						'.layui-table-cell select{height: 36px; padding: 0 5px;}'
					].join(''),

					cols: [

						[

							// 表头

							{

								type: 'checkbox'

							}, {

								field: 'id',

								title: 'ID',

								width: 80,

								sort: true

							}, {

								field: 'industry_title',

								title: '業界',

								width: 150,

							}, {

								field: 'class_title',

								title: '分類',

								width: 150,

							}, {

								field: 'title',

								title: '社名',

								width: 150,

							}, {

								field: 'tel',

								title: '電話番号',

								width: 150

							}, {

								field: 'web_url',

								title: 'ウェブサイト',

								width: 200

							}, {

								field: 'content',

								title: '備考',

								width: 200

							}, {

								field: 'address',

								title: '所在地',

								width: 200

							}, {

								field: 'sale_state',

								title: '状態',

								minWidth: 150,

								templet: '#stateTpl'
							}, {

								field: 'create_time',

								title: '作成時間',

								width: 170

							}, {

								title: '管理',

								width: 190,

								templet: '#operateTpl'

							}

						]

					],

					height: 'full-100',

					limit: 30,

					limits: [30, 50, 100, 150, 200, 300, 500],

					done: function (res, curr, count) {

						layer.closeAll('loading');

						var options = this;

						// 获取当前行数据 - 自定义方法
						table.getRowData = function (tableId, elem) {
							var index = $(elem).closest('tr').data('index');
							return table.cache[tableId][index] || {};
						};

						// layui form select 事件
						form.on('select(sale_state)', function (obj) {
							var value = obj.value; // 获取选中项 value
							// 获取当前行数据(如 id 等字段，以作为数据修改的索引)
							var data = table.getRowData(options.id, obj.elem);
							// 更新数据中对应的字段
							data.set_sale_state = value;
							// 显示当前行最新数据 - 仅用于示例展示
							layer.load(1)
							api.ajax('<?php echo url("setSaleState"); ?>', 'post', 'json', data, function (res) {
								layer.closeAll('loading');
								layer.msg(res.msg)
							});
						});

					}

				});

			}

			// 监听搜索操作
			form.on('submit(data-search-btn)', function (data) {
				// 执行搜索重载
				table.reload('test-table-reload', {
					page: {
						curr: 1
					},
					where: data.field
				}, 'data');
				return false;
			});

			form.on('select(industry_id)', function (data) {
				if (data.value !== industry_id) {
					industry_id = data.value
					layer.load(1)
					api.ajax('<?php echo url("Classs/getClassData"); ?>', 'post', 'json', { industry_id: data.value }, function (res) {
						layer.closeAll('loading');
						if (res.code === 0) {
							var str = '<option value="">分類</option>'
							for (var i in res.data) {
								str += '<option value="' + res.data[i].id + '">' + res.data[i].title + '</option>'
							}
							// $("#class_id").html('')
							$("#class_id").html(str)
							form.render('select');
						}
					});
				}
			})

			// 方法级渲染

			var $ = layui.$,

				active = {

					batchdel: function () {

						var checkStatus = table.checkStatus('test-table-reload'),

							checkData = checkStatus.data; // 得到选中的数据

						if (checkData.length === 0) {

							return layer.msg('削除したいデータを選択してください', {

								icon: 0,

								shade: [0.5, '#393D49']

							});

						}

						layer.confirm('本当に削除しますか?', function (index) {

							var dats = {

								ids: []

							};

							for (var k in checkData) {

								dats.ids.push(checkData[k].id);

							}

							layer.msg('削除中', {

								icon: 16,

								shade: 0.01

							});

							api.ajax('<?php echo url("delete"); ?>', 'post', 'json', dats, function (res) {

								layer.closeAll('loading');

								layer.msg(res.msg)

							});

							renderTable();

						});

					},

					add: function () {

						layer.open({

							type: 2,

							title: '項目追加',

							content: '<?php echo url("add"); ?>?module_id=<?php echo htmlentities($module_id); ?>',

							maxmin: true,

							area: ['800px', '550px'],

							yes: function (index, layero) {

								// 点击确认触发 iframe 内容中的按钮提交

								var submit = layero.find('iframe').contents().find("#layuiadmin-app-form-submit");

								submit.click();

							}

						});

					},

					import: function () {
						layer.open({

							type: 2,

							title: '導入',

							content: '<?php echo url("files"); ?>?module_id=<?php echo htmlentities($module_id); ?>',

							maxmin: true,

							area: ['800px', '430px'],

							yes: function (index, layero) {

								// 点击确认触发 iframe 内容中的按钮提交

								var submit = layero.find('iframe').contents().find("#layuiadmin-app-form-submit");

								submit.click();

							}

						});
					}

				};

			// 监听单元格编辑

			table.on('edit(role)', function (obj) {

				var value = obj.value, // 得到修改后的值

					data = obj.data, // 得到所在行所有键值

					field = obj.field; // 得到字段

				var dats = {};

				dats['id'] = data.id;

				dats[field] = value

				api.ajax('<?php echo url("inputChange"); ?>', 'post', 'json', dats, function (res) {

					layer.msg(res.msg)

				});

			});

			// 监听工具条 

			table.on('tool(role)', function (obj) {

				// 注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"

				var data = obj.data; // 获得当前行数据

				var layEvent = obj.event; // 获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）

				var tr = obj.tr; // 获得当前行 tr 的 DOM 对象（如果有的话）



				if (layEvent === 'detail') {

					// 查看

					// do somehing

				} else if (layEvent === 'order') {
					parent.layui.index.openTabsPage('<?php echo url("Clientremark/index"); ?>?client_id=' + data.id, '註文');
				} else if (layEvent === 'del') {

					// 删除

					layer.confirm('削除してもよろしいですか?', function (index) {

						var dats = {

							ids: [data.id]

						};

						layer.msg('読み込み中', {

							icon: 16,

							shade: 0.01

						});

						api.ajax('<?php echo url("delete"); ?>', 'post', 'json', dats, function (res) {

							layer.closeAll('loading');

							layer.msg(res.msg);

							obj.del();

							// 删除对应行（tr）的DOM结构，并更新缓存

							layer.close(index);

							// 向服务端发送删除指令

						});

					});

				} else if (layEvent === 'edit') {

					// 编辑

					layer.open({

						type: 2,

						title: '編集',

						content: '<?php echo url("edit"); ?>?module_id=<?php echo htmlentities($module_id); ?>&id=' + data.id,

						maxmin: true,

						area: ['800px', '550px'],

						yes: function (index, layero) {

							// 点击确认触发 iframe 内容中的按钮提交

							var submit = layero.find('iframe').contents().find("#layuiadmin-app-form-submit");

							submit.click();

						}

					});

				} else if (layEvent === 'LAYTABLE_TIPS') {

					layer.alert('Hi，头部工具栏扩展的右侧图标。');

				}

			});

			$('.layui-card').on('click', '.layuiadmin-btn-list', function () {

				var type = $(this).data('type');

				active[type] ? active[type].call(this) : '';

			});

			renderTable();

		});

	</script>

	<style type="text/css">
		.layui-table-cell {

			text-align: center;

			height: auto;

			white-space: normal;

		}
	</style>

</body>



</html>